<template>
  <el-container>
    <el-header direction="vertical">
      <Nav />
      <Search />
    </el-header>
    <nuxt />
    <el-footer height="240px">
      <el-row class="footer-container">
        <el-col :span="16" class="footer-left">
          <div>关于我们商务合作建议与投诉版权声明</div>
          <div>Copyright (C) 2005- 2020 www.boolib.com 动漫屋 瑞安市我喜欢网络有限公司 All rights reserved</div>
          <div>[文网文：浙网文[2015]0289-059号] [网站备案：浙ICP备09075556号-5]</div>
        </el-col>
        <el-col :span="6" class="footer-right">
          <img src="~static/images/qr.png" style="width:120px" />
          <img src="~static/images/qr.png" style="width:120px" />
        </el-col>
      </el-row>
    </el-footer>
  </el-container>
</template>

<style>
.el-main {
  padding: 0 0;
  margin: 0 0;
  min-width: 1200px;
  overflow-x: hidden;
}
.el-header {
  background: #fff;
  height: auto !important;
  padding: 0px !important;
}
.el-row {
  background: #fff;
}
body {
  padding: 0px;
  margin: 0px;
  background-image: url("~static/images/006QZngZgy1fj9wecxto7j31ha1jonpd.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
}
.el-footer {
  display: flex;
  align-items: center;
  background: white;
  margin: 0 0;
}
.footer-left div {
  margin: 10px 0px;
}
.footer-right img {
  margin-left: 20px;
}
.footer-container {
  justify-content: center;

  color: #333;
  display: flex;
  margin: 0 auto;
  padding: auto 0px;
  width: 1200px;
}
.el-loading-parent--hidden {
  overflow-y:inherit !important;
}
</style>
<script>
import Nav from "~/components/Nav.vue";
import Search from "~/components/index/Search.vue";
export default {
  components: {
    Nav,
    Search
  }
};
</script>
